/*底部条*/
.foot-bar-tab{
	position:fixed;
	z-index: 10;
	right:0;
	left:0;
	bottom: 0;
	display: table;
	width:100%;
	height:50px;
	padding:0;
	table-layout: fixed;
	z-index: 999;
	background-color:#f5f5f5;
	-webkit-box-shadow:0 -2px 4px 0 rgba(0,0,0,.1);
	box-shadow: box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;			
}
.foot-bar-tab .foot-tab-item{
	display: table-cell;
    overflow: hidden;		
    width: 1%;
    height: 50px;		
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;		
    color: #808080;
}
.foot-bar-tab .foot-tab-item .foot-icon{
	top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 10;
    display: inline-block;
    line-height: 1;
}
.foot-icon{ 
	background-repeat: no-repeat;
	background-position: top center;  		
	background-size:24px auto;
}
.foot-icon-home{
	background-image:url(../img/icon_home.png);
}
.foot-icon-pub{
	background-image:url(../img/icon_pub.png);
}
.foot-icon-advice{
	background-image:url(../img/icon_advice.png);
}
.foot-icon-tel{
	background-image:url(../img/icon_tel.gif);
}
.foot-active>span:first-child{
	background-position: center -24px;
}
.foot-bar-tab .foot-tab-item.foot-active{
	color:#2bbfff;
}
.foot-bar-tab .foot-tab-item .foot-icon~.foot-tab-label{
	font-size:11px;
	display: block;
	overflow:hidden;
	text-overflow: ellipsis;
}/*底部条*/

/*首页开始*/
.foot-bar-tab~.mui-content{
	margin-bottom: 60px;
}
.header-bar{
	width:100%;
	height:44px;
	background:#fff;
	overflow:hidden;
	line-height: 44px;
	padding-left:15px;
}
.search-bar{
	display: none;
	margin-right: 15px;
	height:44px;
}
.mui-search .mui-placeholder{
	height:44px;
	line-height: 44px;
}
.search-bar input[type=search]{
	border-radius: 200px;
	line-height: 34px;
	font-size:14px;
	background:#fff;
	border:1px solid #e3e3e3;
}
.search-bar.mui-active::before{
	height:34px;
	line-height: 40px; 
}
.mui-search .mui-placeholder{
	line-height: 34px;
	font-size:15px;
}
.mui-input-row.mui-search .mui-icon-clear{
	top:13px;
}
.search-bar .mui-icon-search{
	float:initial;
}
.come-num-box{
	margin-top: 7px;
	float:left;
}
.come-num-box span{
	float:left;
}
.come-num{
	width:103px;
	font-size: 18px;
	color:#fff;
	height:30px;
	line-height: 30px;
	text-indent: 8px;
	text-shadow: 1px 0 0 rgba(0,0,0,.5);
	background:url(../img/num_bg.png) center no-repeat;
	background-size:103px;
	letter-spacing: 15px;
	overflow:hidden;
}
.come-num b{
	padding:0;
	display: block;
	transition: all 2s;
	-webkit-transition: all 2s;
	animation: fanzhuan 1s 2s;
	-webkit-animation: fanzhuan 1s 2s;
	transform: translateY(-270px);
	-webkit-transform: translateY(-270px);
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
}
.come-num i{
	padding:0;
	display: block;
	width:103px;
	height:30px;
	line-height: 30px;
	font-style: normal;
}
@-webkit-keyframes fanzhuan{
	0%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	10%{
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	20%{
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
	}
	30%{
		-webkit-transform: translateY(-90px);
		transform: translateY(-90px);
	}
	40%{
		-webkit-transform: translateY(-120px);
		transform: translateY(-120px);
	}
	50%{
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px);
	}
	60%{
		-webkit-transform: translateY(-180px);
		transform: translateY(-180px);
	}
	70%{
		-webkit-transform: translateY(-210px);
		transform: translateY(-210px);
	}
	80%{
		-webkit-transform: translateY(-240px);
		transform: translateY(-240px);
	}
	90%{
		-webkit-transform: translateY(-270px);
		transform: translateY(-270px);
	}
	100%{
		-webkit-transform: translateY(-270px);
		transform: translateY(-270px);
	}
}
@-keyframes fanzhuan{
	0%{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	10%{
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	20%{
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
	}
	30%{
		-webkit-transform: translateY(-90px);
		transform: translateY(-90px);
	}
	40%{
		-webkit-transform: translateY(-120px);
		transform: translateY(-120px);
	}
	50%{
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px);
	}
	60%{
		-webkit-transform: translateY(-180px);
		transform: translateY(-180px);
	}
	70%{
		-webkit-transform: translateY(-210px);
		transform: translateY(-210px);
	}
	80%{
		-webkit-transform: translateY(-240px);
		transform: translateY(-240px);
	}
	90%{
		-webkit-transform: translateY(-270px);
		transform: translateY(-270px);
	}
	100%{
		-webkit-transform: translateY(-270px);
		transform: translateY(-270px);
	}
}
.come-font{
	padding:0 10px;
	font-size: 14px;
	color:#2bbfff;
	line-height: 30px;
}
.mui-icon-search{
	float:right;
	height:44px;
	width:44px;
	line-height: 44px;
	text-align: center;
	font-size: 36px;
	color:#aaaaa9;
}
.mui-slider img{
	width:100%;
	display: block;
}
.mui-slider-indicator{
	bottom: 0;
}
.mui-slider-indicator .mui-indicator{
	width:10px;
	height:10px;
	background:rgba(157,153,144,.72);
	box-shadow: none;
}
.mui-slider-indicator .mui-active.mui-indicator{
	background:#4cb3ed;
}
.gallery{
	padding-bottom: 20px;
	background:#fff;
	border-bottom: 1px solid #e3e3e3;
}
.gallery .mui-grid-view.mui-grid-9{
	background:#fff;
	border:none;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	border:none;
	padding:0;
	color:#171717;
}
.gallery .mui-slider-group .mui-slider-item img{
	width:36px;
}
.mui-col-xs-3{
	width:20%;
}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
	font-size:12px;
}
.class-module h1{
	position: relative;
	height:44px;
	line-height: 44px;
	font-size: 13px;
	color:#999;
	font-weight: normal;
	width:100px;
	margin:0 auto;
	text-align: center;
}
.class-module h1 span{
	height:44px;
	line-height: 44px;
	width:100px;
	text-align: center;
	position: absolute;
	left: 0;
	top:0;
	background:#fff;
	z-index: 2;
	padding-left: 18px;
}
.class-module h1 span:before{
	content: '';
	display: block;
	width:16px;
	height:16px;
	position: absolute;
	left:15px;
	bottom: 14px;
}
.class-module h1 .class-module-new:before{
	background:url(../img/model_icon01.png);
	background-size:16px;
}
.class-module h1 .class-module-hot:before{
	background:url(../img/model_icon02.png);
	background-size:16px;
}
.class-module h1 .class-module-intro:before{
	background:url(../img/model_icon03.png);
	background-size:16px;
}
.class-module h1 .class-module-skill:before{
	background:url(../img/model_icon04.png);
	background-size:16px;
}
.class-module h1 span img{
	width:14px;
	display: inline;
	margin-right: 2px;
}
.line{
	width:300px;
	position: absolute;
	background:#e3e3e3;
	height:1px;
	left:-100px;
	top: 22px;
	z-index: 1;
}
.class-module .mui-segmented-control.mui-scroll-wrapper{
	min-height: 106px;
	height:auto;
}
.class-module .mui-segmented-control.mui-scroll-wrapper .mui-scroll{
	height:106px;
}
.class-module img{
	width:106px;
	display: block;
}
.class-module{
	background:#fff;
	margin-top: 15px;
	border-top: 1px solid #e3e3e3;
	padding-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
}
.class-module .mui-segmented-control.mui-scroll-wrapper .mui-control-item{
	position: relative;
	line-height: 0;
	padding:0;
	margin:0 5px;
}
.item-info{
	width:100%;
	position: absolute;
	bottom: 0;
	left:0;
	background:rgba(0,0,0,.5);
	overflow: hidden;
	padding-left: 5px;
}
.item-info p{
	width:100%;
	color:#fff;
	/* float:left; */
	font-size:10px;
	line-height:12px;
	margin:5px 0;
	text-align:left;
	overflow-x:hidden;
}
/* .item-info p:nth-child(2){
	float:right;
} */
.class-module .mui-table-view-cell img{
	width:100%;
}
.class-module .mui-table-view-cell .item-info{
	left:15px;
	padding-right: 20px;
}
.class-module .mui-table-view:before,.class-module .mui-table-view:after{
	height:0;
}
.load-btn{
	display: block;
	width:30%;
	margin:0 auto;
	border:1px solid #2bbfff;
	color:#2bbfff;
	margin-top: 10px;
}/*首页结束*/

/*发布页面开始*/
.pub-banner{
	margin:0;
}
.pub-banner img{
	display: block;
	width:100%;
}
.show-result~.mui-icon{
	position: absolute;
	right:10px;
	top:10px;
	color:#bbb;
}
.mui-input-group:before{
	content: none;
}
.mui-input-row label~span{
	float:left;
	width:70%;
	color: #999;
	line-height: 1.1;
	font-size: 14px;
	padding:11px 15px;
	padding-left: 0;
}
.mui-input-row label~.time-box{
	float:left;
	width:70%;
	margin:0;
	margin-top: 7px;
	height:32px;
}
.mui-input-row label~span.show-result{
	color:#333;
}
.mui-input-row label{
	width:30%;
	font-size: 14px;
}
.mui-input-row label~input{
	font-size: 14px;
	width:70%;
}
.mui-input-group .textarea-cell{
	height:auto;
	padding:10px;
	padding-left: 0;
}
.mui-input-row label~textarea{
	width:70%;
	border:1px solid #e3e3e3;
	padding-left:5px;
	padding-right: 10px;
	border-radius: 3px;
	font-size:14px;
}
.time-box span{
	float:left;
}
.time-box input[type=date]{
	float:left;
	padding:0;
	width:110px;
	border:1px solid #e3e3e3;
	font-size:10px;
	border-radius: 3px;
	padding-left: 5px;
	color: #333;
	height:26px;
}
.time-box input[type=text]{
	float:left;
	padding:0;
	width:70px;
	border:1px solid #e3e3e3;
	font-size:10px;
	border-radius: 3px;
	padding-left: 5px;
	color: #333;
	height:26px;
}
.time-box input[type=date]~span{
	margin:0 5px;
}
.submit-btn{
	width:40%;
	display: block;
	margin:0 auto;
	color:#fff;
	background:#2bbfff;
	border:none;
	margin-top:15px;
	margin-bottom: 10px;
}/*发布页面结束*/

/*分类列表页面开始*/
.top-bar{
	width:100%;
	position: fixed;
	top:0;
	z-index: 30;
}
.classNav{
	width:100%;
	background: #fff;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
	height:44px;
	line-height: 44px;
	overflow: hidden;
	position: fixed;
	top:44px;
	z-index: 20;
}
.class-nav-box{
	float:left;
}
.classNav a{
	width:25%;
	float:left;
	text-align: center;
	font-size:12px;
	color: #333;
	position: relative;
}
.classNav a.active:after{
	width:100%;
	height:2px;
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	background:#2bbfff;
}
.class-nav-title .mui-icon,.classNav .mui-icon{
	width:44px;
	height:44px;
	float:right;
	text-align: center;
	line-height: 44px;
}
.class-nav-title{
	display: none;
	overflow:hidden;
	height:44px;
	width:100%;
	line-height: 44px;
	border-top: 1px solid #e3e3e3;
	background:#fff;
	position: fixed;
	top:44px;
	z-index: 20;
}
.class-nav-title h1{
	float:left;
	font-size: 14px;
	font-weight: normal;
	line-height: 44px;
	margin:0;
	padding-left: 15px;
}
.mask{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	position: fixed;
	top:0;
	z-index: 10;
	display: none;
}
.select-bar {
	position: fixed;
	top:88px;
	z-index: 19;
}
.select-bar a{
	display: table-cell;
	width:1%;
	text-align: center;
	height:44px;
	line-height: 44px;
	font-size: 14px;
	color:#333;
	background: #efeff4;
}
.select-bar .mui-icon-arrowthindown:before,.select-bar .mui-icon-extra-filter:before{
	content: none;
}
.select-bar .mui-icon-arrowthindown:after{
	content: '\e585';
	font-size: 17px;
	font-weight: bold;
}
.select-bar .mui-icon-extra-filter:after{
	content: '\e207';
	font-size: 14px;
}
.sel-box-child{
	display: none;
	background:#fff;
	overflow: hidden;
	border-bottom: 1px solid #e3e3e3;
}
.sel-box-child span{
	display: block;
	height:44px;
	line-height: 44px;
	text-align: center;
	border-top: 1px solid #e3e3e3;
	overflow: hidden;
}
.sel-box-child span label{
	float:left;
	padding-left: 15px;
	font-size: 14px;
	padding-right: 10px;
}
.sel-box-child span .sel-box-input{
	float:left;
	height:44px;
}
.sel-box-child span .sel-box-input input[type=text]{
	float:left;
	width: 80px;
	height:30px;
	line-height: 30px;
	font-size: 14px;
	margin-top:6px;
}
.sel-box-child span .sel-box-input input[type=text]~i{
	float:left;
	margin:0 5px;
}
.sel-box-child span .sel-box-input span{
	display: inline;
	border-top:none;
	line-height: 44px;
}
.sel-box-child span:nth-child(2) .sel-box-input input[type=text]{
	width:100px;
}
.com-btn{
	float:right;
	margin-right: 15px;
	margin-top:10px;
	margin-bottom: 10px;
	border:none;
	background:#2bbfff;
	color:#fff;
}
.class-list{
	width:100%;
	transform: scale(0);
	-webkit-transform: scale(0);
	position: absolute;
	left:0;
	top:134px;
	border-top:1px solid #e3e3e3;
}
.class-list-active{
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.class-list header{
	margin:0;
	overflow: hidden;
}
.class-list header img{
	width:40px;
	height:40px;
	float:left;
	border-radius: 200px;
}
.class-list header div{
	float:left;
	color: #333;
	margin-left: 10px;
}
.class-list header div h2{
	font-size:16px;
	font-weight: normal;
	margin:0;
	margin-top: 4px;
}
.class-list header div p{
	font-size:13px;
	color: #333;
}
.class-list figure{
	margin:0;
	overflow:hidden;
	margin-top: 10px;
}
.class-list figure span{
	display: table-cell;
	width:1%;
	text-align: center;
	padding-left:10px;
}
.class-list figure span:first-child{
	padding-left: 0;
}
.class-list figure span img{
	width:100%;
}
.class-list .class-name{
	overflow: hidden;
	height:30px;
	line-height: 30px;
}
.class-list .class-name h2{
	float:left;
	font-size: 16px;
	color:#8f8e8e;
	font-weight: normal;
	margin:0;
	line-height: 30px;
}
.class-list .class-name p{
	float:right;
	font-size: 12px;
	color:#8f8e8e;
}
.class-list .class-name p .mui-icon{
	font-size: 16px;
	color: #8F8E8E;
}
.class-list .class-intro{
	overflow: hidden;
	font-size: 13px;
	line-height: 19px;
}
.class-list .class-intro .marks{
	float:left;
	width:15px;
	height:19px;
	background: url(../img/class_icon.png) center no-repeat;
	background-size: 15px;
	margin-right: 10px;
}
.mui-pull-bottom-tips {
	text-align: center;
	background-color: #efeff4;
	font-size: 15px;
	line-height: 40px;
	color: #777;
}
/*分类列表页面结束*/

/*个人信息页面开始*/
.person-header{
	width:100%;
	background:url(../img/personal_bg.png) left top no-repeat;
	background-size:100% auto;
	overflow:hidden;
}
.person-header figure{
	margin:0;
	text-align: center;
	padding-top: 10px;
	overflow: hidden;
}
.person-header figure img{
	width:50px;
	border-radius: 200px;
	border-width: 3px;
	border-style:solid;
	border-color:rgba(255,255,255,.5)
}
.person-header figure figcaption{
	color:#fff;
}
.person-header figure figcaption h1{
	font-size:16px;
	font-weight: normal;
	margin:0;
}
.person-header figure figcaption p{
	color:#fff;
	font-size:13px;
	margin-bottom: 0;
}
.site{
	overflow:hidden;
	padding:0 5px;
}
.site p{
	margin-bottom: 0;
	color:#fff;
	font-size:10px;
	height:24px;
	line-height: 24px;
}
.site .location{
	float:left;
	color:#fff;
}
.site .location .mui-icon-location-filled{
	color:#f15a22;
	float:left;
}
.site .num{
	float:right;
	padding-right:10px;
}
.site .num .mui-icon-eye{
	font-size: 16px;
}
.per-intro{
	padding:0 10px;
}
.per-intro p{
	font-size:12px;
	color:#3e3e3e;
	margin-bottom: 0;
}
.per-content .class-module{
	margin-top: 0;
}
.per-content .class-module:last-child{
	margin-top: 10px;
	padding-bottom: 0;
}
.skill-list-item{
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 10px;
}
.skill-list-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.skill-list-item h2 a{
	display: block;
	font-size:16px;
	color:#16336f;
	font-weight: normal;
	border-left: 4px solid #2bbfff;
	margin:0;
	margin-left: 15px;
	margin-bottom: 10px;
	padding-left: 5px;
	position: relative;
}
.skill-list-item h2:after{
	width:100%;
	height:1px;
	content: '';
	background:#e3e3e3;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.skill-list-item .mui-slider{
	width:80%;
	margin:0 auto;
	padding-top:10px;
	margin-bottom: 10px;
}
.skill-list-item #sliderSegmentedControl{
	padding-top:10px;
	margin-bottom: 10px;
}
.skill-item-img{
	margin:0;
	overflow:hidden;
	background:#f6f6f6;
	padding:10px 15px;
}
.skill-item-img img{
	float:left;
	width:35%;
}
.skill-item-img figcaption{
	float:right;
	margin:0;
	width:65%;
	padding-left: 10px;
}
.skill-item-img figcaption h3{
	font-size:15px;
	font-weight: normal;
	color:#333;
	margin:0;
	margin-bottom: 5px;
}
.skill-item-img figcaption p{
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 0;
	color:#5d5d5d;
}
.skill-intro{
	border-top: 1px solid #e3e3e3;
	padding-top: 10px;
	padding:0 15px;
	overflow: hidden;
	padding-bottom: 10px;
}
.skill-intro header{
	overflow:hidden;
	margin-top: 10px;
}
.skill-intro header h4{
	float:left;
	font-size:15px;
	color:#333;
	font-weight: normal;
}
.skill-intro header p{
	float:right;
	font-size:13px;
	color:#333;
}
.skill-intro header p .icon-price{
	float:left;
	width:22px;
	height:22px;
	background:url(../img/icon_diamond.png) center no-repeat;
	background-size: 22px;
	margin-right: 5px;
}
.skill-intro-body{
	font-size: 13px;
	color:#8f8e8e;
	line-height: 1.2;
}
.skill-intro .mui-icon-eye{
	float: right;
	font-size: 10px;
	color:#8f8e8e;
}
.skill-intro .mui-icon-eye:before{
	font-size: 14px;
	padding-right: 5px;
}
.base-info{
	margin:0;
	overflow:hidden;
	padding:10px;
	background:#fff;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
}
.base-info img{
	float:left;
	width:50px;
	border:3px solid #39c3ff;
	border-radius: 200px;
}
.base-info figcaption{
	float:left;
	padding-left: 10px;
}
.base-info figcaption h1{
	font-size: 16px;
	font-weight: normal;
	color: #333;
	margin-top: 8px;
}
.base-info figcaption p{
	font-size: 13px;
	color:#333;
	margin-bottom: 0;
}
.base-info .mui-icon{
	position: absolute;
	bottom: 10px;
	right: 15px;
	font-size: 13px;
	color:#666;
}
.base-info .mui-icon:before{
	font-size: 16px;
	color:#f15a22;
}
.serve-list{
	margin-top: 10px;
}
.serve-list img{
	width:22px;
	float:left;
	margin-right: 5px;
}
.opus-box{
	display: block;
	margin-top:10px;
	background:#fff;
	overflow: hidden;
	border-top: 1px solid #e3e3e3;
}
.opus-box h2{
	font-size: 16px;
	color:#16336f;
	font-weight: normal;
	border-left: 4px solid #2bbfff;
	padding-left: 5px;
	margin:10px;
}
.opus-content{
	border-top: 1px solid #e3e3e3;
	padding:0 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
.opus-content h1{
	font-size: 17px;
	color:#333;
	font-weight: normal;
	margin:10px 0;
}
.opus-content p{
	font-size: 13px;
	color:#4c4c4c;
	line-height: 1.5;
}
.opus-content p~.mui-icon{
	float:right;
	font-size: 12px;
	color:#8f8e8e;
}
.opus-content .mui-icon-eye:before{
	padding-right: 5px;
}
.other-opus{
	overflow:hidden;
}
.other-opus h1{
	font-size: 13px;
	color:#333;
	margin:10px 0;
	font-weight: normal;
	margin-left: 10px;
}
.other-opus img{
	float:left;
	width:24px;
}
.other-opus a{
	text-align: center;
	font-size: 14px;
}
.opus-content .mui-slider{
	width:80%;
	margin: 10px auto; 
}/*个人信息结束*/

/*联系页面开始*/
.head-bar{
	background:#fff;
	overflow:hidden;
	padding:10px;
	border-bottom: 1px solid #e3e3e3;
}
.head-bar img{
	float:left;
	width:34px;
	border-radius: 200px;
}
.head-bar h1{
	float:left;
	font-size: 16px;
	font-weight: normal;
	color:#333;
	margin:0;
	line-height: 34px;
	margin-left: 10px;
}
.summariy{
	padding:10px;
	overflow:hidden;
	border-bottom: 1px solid #e3e3e3;
}
.summariy img{
	float:left;
	width: 100%;
	width:90px;
	height:90px;
}
.summariy .summariy-body{
	padding-left: 10px;
	width:70%;
	float:right;
}
.summariy .summariy-body h1{
	font-size: 16px;
	font-weight: normal;
	color:#333;
	margin-top: 0;
	line-height: 16px;
}
.summariy .summariy-body h1 span{
	border:1px solid #adadad;
	color:#adadad;
	font-size: 12px;
	line-height: 16px;
	margin-left: 5px;
	padding:2px;
}
.summariy .summariy-body p{
	font-size: 12px;
	color:#333;
	line-height: 1.3;
	margin-bottom: 5px;
}
.summariy .summariy-body h2{
	font-size: 16px;
	font-weight: normal;
	color:#e85257;
	margin:0;
}/*联系页面结束*/

/*咨询页面开始*/
.sent-box{
	overflow:hidden;
}
.sent-box input[type=text]{
	float:left;
	width:60%;
	height:30px;
	margin-top: 7px;
}
.sent-box .sent-btn{
	float:right;
	width:54px;
	height:32px;
	border: none;
	background:#2bbfff;
	color:#fff;
	top:6px;
}

#msgBox {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	text-align: center;
	padding-bottom: 10px;
}

.msg-item {
	padding: 8px;
	clear: both;
	text-align: left;
}

.msg-item .mui-item-clear {
	clear: both;
}

.msg-item .msg-user {
	width: 38px;
	height: 38px;
	border: solid 1px #d3d3d3;
	display: inline-block;
	background: #fff;
	border-radius: 3px;
	vertical-align: top;
	text-align: center;
	float: left;
	padding: 3px;
	color: #ddd;
}

.msg-item .msg-user-img {
	width: 38px;
	height: 38px;
	display: inline-block;
	border-radius: 3px;
	vertical-align: top;
	text-align: center;
	float: left;
	color: #ddd;
}

.msg-item .msg-content {
	display: inline-block;
	border-radius: 5px;
	border: solid 1px #d3d3d3;
	background-color: #FFFFFF;
	color: #333;
	padding: 8px;
	vertical-align: top;
	font-size: 14px;
	position: relative;
	margin: 0px 8px;
	max-width: 75%;
	min-width: 35px;
	float: left;
}

.msg-item .msg-content .msg-content-inner {
	overflow-x: hidden;
}

.msg-item .msg-content .msg-content-arrow {
	position: absolute;
	border: solid 1px #d3d3d3;
	border-right: none;
	border-top: none;
	background-color: #FFFFFF;
	width: 10px;
	height: 10px;
	left: -5px;
	top: 12px;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.msg-item-self .msg-user,
.msg-item-self .msg-content {
	float: right;
}

.msg-item-self .msg-content .msg-content-arrow {
	left: auto;
	right: -5px;
	-webkit-transform: rotateZ(225deg);
	transform: rotateZ(225deg);
}

.msg-item-self .msg-content,
.msg-item-self .msg-content .msg-content-arrow {
	background-color: #a0e75a;
	color: #333;
	border-color: #85d55d;
}

.use-name {
	width: 80%;
	float: left;
	font-weight: normal;
	font-size: 13px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 0;
}

.msg-item-self .use-name {
	float: right;
	padding-right: 8px;
	text-align: right;
}

.current-time {
	background: #e3e3e3;
	width: 90px;
	margin: 10px auto;
	padding: 2px 10px;
	line-height: 20px;
	border-radius: 200px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
}/*咨询页面结束*/

/*用户信息页面开始*/
figure{
	margin:0;
}
.user-box img{
	width:100%;
	display: block;
}
.user-box figure{
	overflow:hidden;
}
.user-nav{
	background:#fff;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #e3e3e3;
}
.user-nav a{
	display: table-cell;
	width:1%;
	text-align: center;
	font-size: 14px;
	color:#333;
	position: relative;
}
.user-nav a.active:after{
	width:100%;
	height:2px;
	background:#2bbfff;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}
.user-info{
	margin-top: 10px;
	border-top: 1px solid #e3e3e3;
}
.user-info .mui-input-group{
	display: none;
}
.mui-input-group .skill-show{
	height: auto;
	overflow: hidden;
}
.skill-show-list{
	clear: both;
	padding-left:20px;
	margin-bottom: 10px;
}
.skill-show-header{
	overflow:hidden;
}
.skill-show-header h1{
	float:left;
	font-size: 12px;
	color:#333;
	font-weight: normal;
}
.skill-show-header span{
	float:left;
	font-size: 12px;
	color:#999;
	margin-left: 10px;
}
.skill-show-header .mui-icon-plus{
	float:right;
	font-size: 24px;
	line-height: 21px;
	margin-right: 15px;
	color:#30c1ff;
	position: relative;
}
.skill-show-header .mui-icon-plus input[type=file]{
	display: block;
	opacity: 0;
	width:24px;
	height:24px;
	position: absolute;
	top: 0;
	left: 0;
}
.skill-show-item{
	margin-top: 10px;
}
.skill-show-body{
	display: none;
	float:left;
	width:60%;
	margin-left: 10px;
}
.skill-show-body img{
	width:40px;
	float:left;
	margin-right: 5px;
}
.mui-input-row.mui-input-range{
	height:72px;
	padding-bottom: 10px;
}
.mui-input-range label~input[type=range]{
	width:95%;
	margin-left: 20px;
	float: initial;
	clear: both;
	background: -webkit-linear-gradient(left, #82dfdd , #d9eabc); /* Safari 5.1 - 6.0 */
    background: linear-gradient(to right, #82dfdd , #d9eabc); /* 标准的语法（必须放在最后） */
}
.mui-radio{
	clear: both;
}
.mui-radio label{
	padding-right: 0;
	float:left;
}
.serve-radio{
	float:left;
	width:70%;
}
.serve-radio span{
	float:left;
	height:40px;
	line-height: 40px;
	margin-right: 10px;
}
.serve-radio span i{
	font-size: 14px;
	font-style:normal;
	color:#333;
}
.mui-radio input[type=radio]{
	position: initial;
	width:22px;
}
.mui-radio input[type=radio]:before{
	font-size: 22px;
}
.user-btn{
	margin-top: 10px;
	padding:0 10px;
}
.user-btn .mui-btn{
	border:none;
	background:#2bbfff;
	color:#fff;
}
#submitBtn{
	display: none;
}
.user-skill-list{
	display: none;
}
.user-skill-list img{
	width:30%;
}
.user-skill-list-cell{
	background:#fff;
}
.user-skill-list-cell>h2{
	font-size: 16px;
	font-weight: normal;
	margin:0;
	height:44px;
	border-bottom: 1px solid #e3e3e3;
	overflow:hidden;
	padding-left: 10px;
}
.user-skill-list-cell>h2 span{
	float:left;
	border-left: 4px solid #2bbfff;	
	margin-top: 14px;
	padding-left: 5px;
}
.user-skill-list-cell>h2 b{
	float:left;
	line-height: 44px;
	font-weight: normal;
	font-size: 14px;
	color:#999;
	margin-left: 10px;
}
.user-skill-list-cell>h2 i{
	float:right;
	line-height: 44px;
	margin-right: 10px;
	color:#2bbfff;
}
.user-skill-list-cell .summariy{
	position: relative;
	background:#efeff4;
}
.handle-btn{
	position: absolute;
	right:0;
	top:0;
	background:#2bbfff;
	height:100%;
	display: none;
}
.handle-btn a{
	display: block;
	color:#fff;
	height:50%;
	line-height: 60px;
	margin:0 10px;
}
.handle-btn a:nth-child(1){
	border-bottom: 1px solid #fff;
}
.mui-popup-title{
	display: none;
}
.mui-icon-minus{
	display: none;
}/*用户信息页面结束*/

/*引导页面开始*/
.leader-box{
	height:100%;
	background:url(../img/leader_img.jpg) center no-repeat;
	background-size:cover;
	overflow: hidden;
}
.leader-box figure{
	margin-top:20%;
	text-align: center;
}
.leader-box figure img{
	width:66px;
}
.enter-btn{
	display: block;
	width:60%;
	margin: 0 auto;
	background:#5cbcea;
	color:#fff;
	border-radius: 200px;
	border:none;
	margin-top: 60%;
}
.tiaozhuan{
				width:100%;
				height:1005;
				position:fixed;
				top:0;
				z-index:10000;
				display:none;
			}
			.tiaozhuan img{
				width:100%;
				display:block;
				margin:0 auto;
			}
			

/*引导页面结束*/


/*11.2新增*/
.sel-box-child span:nth-child(2){
	height:auto;
}
#area{
	height:44px;
	line-height: 44px;
	overflow:hidden;
	margin-top:10px;
}
#area b{
	float:left;
	text-indent: 10px;
	width:70%;
	text-align: left;
	border-top: none;
	border:1px solid #e3e3e3;
	padding:0;
	height:44px;
	line-height: 44px;
	overflow:hidden;
	border-radius: 5px;
	font-size: 14px;
	font-weight: normal;
	color:#999;
}
#area b.show-result{
	color:#333;
}
#area .show-result~.mui-icon{
	right:25px;
}
#area label{
	width:25%;
	text-align: left;
}
.marquee{
	width:100%;
	overflow:hidden;
}
.marquee ul{
	float:left;
	margin:0;
	padding:0;
	}
.marquee li{
	list-style:none;
	padding:0;
	float:left;
	margin:0 5px;
	overflow:hidden;
}
.marquee li a{
	position: relative;
	display: block;
}
